<style lang="scss" scoped></style>

<template>
  <div class="flex h-full w-full">
    <div class="m-auto flex flex-wrap items-center justify-center">
      <div
        v-for="item in '404 Not Found !'"
        class="text mx-3 text-5xl font-bold text-blue-50"
      >
        {{ item }}
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
const { $gsap: gsap } = useNuxtApp()

debugger
onMounted(() => {
  gsap.from('.text', {
    y: 80,
    ease: 'Power1.easeInOut',
    duration: 0.5,
    stagger: 0.1,
    opacity: 0,
  })
})
</script>
